<script setup lang="ts">
import type { Meta, Todo } from 'components/models'

const todos = ref<Todo[]>([
    {
        id: 1,
        content: 'ct1',
    },
    {
        id: 2,
        content: 'ct2',
    },
    {
        id: 3,
        content: 'ct3',
    },
    {
        id: 4,
        content: 'ct4',
    },
    {
        id: 5,
        content: 'ct5',
    },
])
const meta = ref<Meta>({ totalCount: 1200 })
</script>

<template>
  <q-page class="row items-center justify-evenly">
    <example-component
      title="Example component"
      active
      :todos="todos"
      :meta="meta"
    />
  </q-page>
</template>
